<template>
  <div>
    <div>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="用户管理" name="first">
          <template>
        <el-table :data="locausersli" style="width: 100%"> 
          <el-table-column prop="unid" label="unid" width="220" align="center"></el-table-column>
          <el-table-column prop="username" label="用户名" width="220" align="center"></el-table-column>
          <el-table-column prop="nickname" label="昵称" width="220" align="center"></el-table-column>
          <el-table-column prop="vipLevel" label="vip等级" width="220" align="center"></el-table-column>
          <el-table-column  label="操作"  align="center">
            <el-button type="primary" >编辑</el-button>
            <el-button type="danger" >删除</el-button>
          </el-table-column>

        </el-table>
      </template>
        </el-tab-pane>
        <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
      </el-tabs>
    </div>


    <div>
      
    </div>
  </div>
</template>

<script>
import * as api from '@/api/stu/index'
export default {
  created(){
    this.getuser()
  },


    meta: {
			title: "yhgl",
      name:'用户管理',
			icon: "iconfont icon-yonghu",
		},

    data(){
      return{
        activeIndex:'1',
        topind:'',
        activeName:'first',

        locausersli:[]
      }
    },
    methods:{
        handleClick(tab, event) {
        // console.log(tab, event);
      },

      getuser(){
        api.fetuser()
        .then(res =>{
          console.log('用户列表',res);
          this.locausersli = res.data.data
        })
        
      }
    }
}
</script>

<style>

</style>